Astral.CSS

Astral.CSS v.3.1
Get Started
Layout
Form
Components
Utilities
JavaScript
Theme
Astral.CSS is amazing! 🚀

Dark Mode

Astral framework also supports dark mode

Dark mode it's pretty straight forward to use. The automatic toggling uses the media-prefers-scheme to get the user's desired theme and apply automatically. Of course, this doesn't work in some (mosts) of Linux Operating systems, and that's what the manual version is aimed for. It's also really useful if you want your users to select their own theme.

Usage:

<body data-theme=dark></body>

with a component

Name Item Name Item Price
Abubakar Eclair $0.87
Blessing Jellybean $3.76
Abasifreke Lollipop $7.00
Jumbo KitKat $9.99

Name Item Name Item Price
Abubakar Eclair $0.87
Blessing Jellybean $3.76
Abasifreke Lollipop $7.00
Jumbo KitKat $9.99

Designed and built with by Rume Aluya.